<template>
    <el-container>
        <el-header class="header">
            <HomeHeader></HomeHeader>
        </el-header>
        <el-container>
            <el-aside style="width: auto; min-width: 64px" >
                <HomeAside></HomeAside>
            </el-aside>
            <el-main id="main">
                    <router-view v-slot="{ Component }">
                        <keep-alive>
                            <component :is="Component" />
                        </keep-alive>
                    </router-view>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
import HomeHeader from "@/components/Home/HomeHeader.vue";
import HomeAside from "@/components/Home/HomeAside.vue";
export default {
    name: "Home",
    components: {HomeAside, HomeHeader},
    data() {
        return {
            isCollapse: false
        }
    }
}
</script>

<style scoped>
.header{
    width: 100%;
    height: 100%;
    background: #79bbff;
}
#main {
    padding: 20px 0 0 20px;
}


</style>